<template>
  <div class="box">
    <ul>
      <li v-for="item in list" :key="item.id">
        <!-- {{ item.name }}---{{ item.price }} -->
        <!-- 必须使用默认插槽,需要传值,不能起名字 -->
        <slot :val="item" :age="10">{{item.name}}</slot>

      </li>
    </ul>
    {{list}}
  </div>
</template>

<script setup>
import { defineProps } from 'vue';
let props = defineProps(["list"])

</script>

<style  scoped>
.box {
  width: 500px;
  height: 500px;
  border: 1px solid #ccc;
}
</style>